<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.0.0.min.js"></script>
</head>
<body>
请输入：<input type="text" onkeyup="show()"> <span id="time">服务端的系统的当前时间</span>
</body>
</html>
<script>
function show() {
    // 用jQuery的AJAX发送请求,更新页面
    $.ajax({
        url:'/ajax/ShowTimeServlet',        // 请求地址
        type:'get',                         // 请求方法
        dataType:'text',                // 服务端给客户端数据的类型，
        // data: 客户端传给服务端的数据，三种：form，FormData,JSON
        success:function (data) {       // 请求成功之后的回调函数
            // data是服务端返回给客户端的数据
            console.log(data)
            // 将从服务端获得的系统时间，放在span中
            $("#time").text(data)
        },
        error:function (xhr) {          // 出错时的回调函数
            console.log('失败了.....')

        }
    })

}
$(function () {
    // alert('11111')


})



</script>
